	body,html {
				background: #F5F5F5;
				width: 100%;
				height: 100%;
				float: left;
			}
			
			header {
				position: fixed;
				top: 0;
				z-index: 1000;
				width: 100%;
				height: 17rem;
				background: url(../../image/top_bg.png)no-repeat;
				background-size: 100% 12rem;
			}
			
			#pageTitle {
				width: 100%;
				height: 5rem;
				display: flex;
				justify-content: center;
				align-items: center;
				align-content: space-between;
			}
			
			.back {
				height: 2rem;
				width: 2rem;
				background: url(../../image/back.png)no-repeat;
				background-size: auto 1.6rem;
			}
			
			.title {
				height: 5rem;
				width: calc( 100% - 6rem);
				line-height: 5rem;
				font-size: 1.8rem;
				text-align: center;
				color: #FFFFFF;
			}
			
			.changeBtn {
				height: 2rem;
				width: 2rem;
				background: url(../../image/set.png)no-repeat;
				background-size: auto 2rem;
			}
			
			#top {
				height: 12rem;
				width: 100%;
				position: relative;
			}
			
			.friendIcon {
				width: 7rem;
				height: 7rem;
				border-radius: 50%;
				border: 1px solid #CCCCCC;
				background: #FFFFFF;
				position: absolute;
				left: 50%;
				top: 1rem;
				transform: translateX(-50%);
			}
			
			#friendText {
				width: 100%;
				position: absolute;
				top: 8rem;
				text-align: center;
			}
			
			#friendName {
				line-height: 3rem;
				font-size: 2rem;
				color: #989898;
			}
			
			#signature {
				line-height: 2rem;
				font-size: 1.4rem;
				color: #C3C3C3;
			}
			
			#content {
				width: 100%;
				position: relative;
				top: 21rem;
				height: 1000px;
				background: red;
			}
			
			#userInfo {
				width: 100%;
				position: fixed;
				top: 19rem;
			}
			
			#userInfo>li {
				height: 5rem;
				line-height: 5rem;
				font-size: 1.8rem;
				margin-bottom: 2px;
				background: #FFFFFF;
				text-indent: 1rem;
				display: flex;
			}
			
			.item {
				width: 20rem;
			}
			
			.info {
				width: calc(100% - 20rem);
				height: 5rem;
				margin-right: 1rem;
			}
			
			#btn {
				position: fixed;
				bottom: 0;
				height: 6rem;
				width: 100%;
				background: #FFFFFF;
			}
	
			#btn>div {
				float: left;
				width: 45%;
				height: 5rem;
				text-align: center;
				font-size: 1.6rem;
				line-height: 5rem;
				margin-top: 0.5rem;
				font-size: 1.8rem;
				color: #FFFFFF;
			}
			
			#send {
				background: #36D9D6 url(../../image/msgSend.png)33% center no-repeat;
				background-size: 2rem auto;
				text-indent: 10%;
				margin-left: 4%;
				margin-right: 1%;
			}
			
			#del {
				margin-right: 4%;
				margin-left: 1%;
				background: #36D992 url(../../image/del.png)28% center no-repeat;
				background-size: 2rem auto;
				text-indent: 8%;
				letter-spacing: 2px;
			}
			#add{
				width:60% !important;
				height: 5rem;
				float: left;
				width: 45%;
				height: 5rem;
				text-align: center;
				font-size: 1.6rem;
				line-height: 5rem;
				margin-top: 0.5rem;
				font-size: 1.8rem;
				color: #FFFFFF;
				margin-left: 20%;
				background: #36D992;
			}